html, body {
	height: 100%;
}
.combox {
	padding: 24rpx;
	background: $uni-bg-color;
	border-radius: $uni-border-radius-lg;
}

.m-t-30 {
	margin-top: 30rpx;
}

.flex {
	display: flex;
}

.align-center {
	align-items: center;
}

.flex-center {
	justify-content: center;
}

.flex-right {
	justify-content: flex-end;
}

.flex-between {
	justify-content: space-between;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-sub {
	flex: 1;
}

.goAdd {
	width: 80rpx;
	height: 80rpx;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 30rpx;
	position: fixed;
	/* #ifdef H5 */
	bottom: calc(120rpx + env(safe-area-inset-bottom) / 2);
	/* #endif */
	/* #ifdef MP-WEIXIN */
	bottom: calc(60rpx + env(safe-area-inset-bottom) / 2);
	/* #endif */
	right: 30rpx;
	box-shadow: 0 0 20rpx rgba(60, 156, 255, .7);
}
.uploadGroup {
	position: relative;
	border-radius: 4rpx;
	margin: 0 16rpx 16rpx 0;
}
.iconbox {
	width: 28rpx;
	height: 28rpx;
	background-color: #373737;
	border-bottom-left-radius: 100rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	.icon {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		position: relative;
		left: 2rpx;
		top: -2rpx;
	}
}
.emptyBox {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	.txt {
		margin-top: 30rpx;
	}
}
.actionsFix {
	position: fixed;
	bottom: calc(30rpx + env(safe-area-inset-bottom) / 2);
	left: 30rpx;
	right: 30rpx;
	z-index: 9;
}

